@charset "utf-8";

/*下、上、左、右箭头*/
.arrDown:after{ border-top:10px solid #aeaeae; border-left:5px solid transparent; border-right:5px solid transparent; width:0; height:0; content:'';}
.arrUp:after{ border-bottom:10px solid #aeaeae; border-left:5px solid transparent; border-right:5px solid transparent; width:0; height:0; content:'';}
.arrLeft:after{ border-right:10px solid #aeaeae; border-top:5px solid transparent; border-bottom:5px solid transparent; width:0; height:0; content:'';}
.arrRight:after{ border-left:10px solid #aeaeae; border-top:5px solid transparent; border-bottom:5px solid transparent; width:0; height:0; content:'';}

.arrTopleft:after{ border-top: 100px solid red; border-right: 100px solid transparent; width:0; height:0; content:'';}
.arrTopright:after{ border-top: 100px solid red; border-left: 100px solid transparent; width:0; height:0; content:'';}
.arrBottomleft:after{ border-bottom: 100px solid red; border-right: 100px solid transparent; width:0; height:0; content:'';}
.arrBottomright:after{ border-bottom: 100px solid red; border-left: 100px solid transparent; width:0; height:0; content:'';}

/*模糊滤镜*/
.blur {
    filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
    -webkit-filter: blur(10px); /* Chrome, Opera */
       -moz-filter: blur(10px);
        -ms-filter: blur(10px);
            filter: blur(10px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
	}

/*渐变兼容*/
.gradient{ background-image: linear-gradient(#f9f9f9, #f0f0f0); background-image: -webkit-linear-gradient(#f9f9f9, #f0f0f0); background-image: -moz-linear-gradient(#f9f9f9, #f0f0f0); background-image: linear-gradient(#f9f9f9, #f0f0f0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=true, gradientType=0, startColorstr='#FFF9F9F9', endColorstr='#FFF0F0F0') \9; }


.transition{ opacity:0;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	transition:all 1s;
	}

.translateX-100{
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	transform:translateX(-100%);
	}

.translateX_100{
	-webkit-transform:translateX(100%);
	-moz-transform:translateX(100%);
	transform:translateX(100%);
	}

.translateY-100{
	-webkit-transform:translateY(-100px);
	-moz-transform:translateY(-100px);
	transform:translateY(-100px);
}

.translateY_100{
	-webkit-transform:translateY(100px);
	-moz-transform:translateY(100px);
	transform:translateY(100px);
}

.s .translateX-100, .s .translateX_100, .s .translateY_100, .s .translateY-100{ opacity:1;
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	transform:translate(0,0);
	}


/*	弹窗	*/
.alert .close{ background:#8e8e8e url(../image/pop_close.png) center no-repeat; width:20px; height:20px; border-radius:50%;}
.alert .close:hover{ background-color:#ec5656;}
.alert .head h1{ font-size:14px; line-height:30px;}
.alert .btnWarp{ padding:8px 20px;}
.alert .btnWarp button{ font-size:12px; line-height:1; padding:8px 20px; margin:0 10px;}

.m_banner .focus{ overflow:hidden;position:relative;width:100%;}
.m_banner .focus ul{ overflow:hidden; width:9999px;height:100%;}
.m_banner .focus li{ float:left; width:100%; height:100%; position:absolute;}
.m_banner .focus li + li{z-index:-1;}
.m_banner .focus li img{width:100%;height:100%;}
.m_banner .focus li a{display:block;width:100%;height:100%;}
.m_banner .focus .nav{position:absolute;left:6.67%;bottom:15%;width:86.66%;text-align:left;line-height:21px;}
.m_banner .focus .nav .scroll{float:left;}
.m_banner .focus .nav i{display:inline-block;width:46px;height:1px;line-height:1px;background:rgba(255,255,255,0.3);}
.m_banner .focus .nav i.now{height:2px;line-height:2px;background:#fff;}
.m_banner .focus .nav span{float:left;font-size:18px;color:#fff;margin:0px 10px;display: none;}
.m_banner .focus .nav span.i{margin-left:0px;display: none;}